<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Plugins</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/prettify.css" type="text/css" rel="stylesheet" />

<style type="text/css">
	body {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	
	.sidebar-nav {
		padding: 9px 0;
	}
</style>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
  <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/prettify.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/menuize.js"></script>
</head>

<body onload="prettyPrint()">

	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"></a>
				<a class="brand" href="index.html">jQuery Plugins</a>
			</div>
		</div>
	</div>

	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span3">
				<div class="well sidebar-nav" id="sidebar-menu">
				</div>
			</div>

			<div class="span9">
				<div class="row-fluid">
					<div class="span12">
						<h2>Information</h2>
						<p>This is a collection of jQuery plugins I developed for personal purposes. I am not a javascript expert so they don't pretend to be an example of javascript programming, but they have been useful for me, so maybe they will be useful for someone else too.</p>
						<p>For example, since I did not have any templating library such as Sitemesh, the menu on the left is built in a jQuery plugin, that centralizes the menu definition and is executed in every page of the website.</p>
						<h2>Usage</h2>
						<pre class="prettyprint linenums">
$("#sidebar-menu").menuize();</pre>
						<p>Every plugin is in the folder named "js", like for example the <a href="js/menuize.js" target="blank">menuize.js</a> one.</p>
					</div>
				</div>
			</div>
		</div>

	</div>

<script>
	$("#sidebar-menu").menuize();
</script>

</body>
</html>